<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
    <h1>setup入口函数</h1>
    </div>
</template>

<script>
export default {
  data(){
    return {
      msg:'hi vue3'
    }
  },

// 1. setup 函数是一个新的组件选项，作为组件中组合式API 的起点（入口）
// 2. setup 中不能使用 this， this 指向 undefined
// 3. setup函数只会在组件初始化的时候执行一次
// 4. setup函数在beforeCreate生命周期钩子执行之前执行
  setup() {
    console.log('setup-组件实例',this);
  },
  beforeCreate(){
    console.log('beforeCreate-组件实例',this,this.msg);
  },
  created(){
    console.log('created-组件实例',this,this.msg);
  }
}
</script>

<style>

</style>